<template>
  <div class="demo">
    <p>
      <y-icon type="edit" :size="25" color="red"></y-icon>
      <y-icon type="share" :size="25" color="rgb(220,3,234)"></y-icon>
      <y-icon type="remove" :size="25" color="rgb(0,0,234,.7)"></y-icon>
      <y-icon type="search" :size="25" color="#341"></y-icon>
    </p>
    <p class="center">
      五种颜色常量<code>primary</code>,<code>info</code>,<code>success</code>,<code>warning</code>,<code
        >error</code
      >
    </p>
    <p>
      <y-icon type="edit" :size="25" color="primary"></y-icon>
      <y-icon type="edit" :size="25" color="info"></y-icon>
      <y-icon type="edit" :size="25" color="success"></y-icon>
      <y-icon type="edit" :size="25" color="warning"></y-icon>
      <y-icon type="edit" :size="25" color="error"></y-icon>
    </p>
  </div>
</template>
